  .box {
    background-color: #f7f8fa;
    height: 100vh;

    .box1 {
      background-color: #d3efeb;
      height: 90rpx;
      line-height: 90rpx;
      color: #000;
      text-align: center;
      display: flex;
      padding: 0 30rpx;

      .box11 {
        width: 85%;
      }
    }

    .box2 {
			width: 96%;
			margin: auto;
			margin-top: 20rpx;
      box-sizing: border-box;
			border-radius: 20rpx;
			padding: 2%;
      background-color: #fff;
			.box2-top{
				display: flex;
				align-items: center;
				image{
					width: 70rpx;
					height: 70rpx;
					margin-right: 20rpx;
				}
			}
			.list{
				width: 100%;
				margin-top: 20rpx;
				height: 230rpx;
				background-color: #ffffff;
				border-radius: 20rpx;
				padding: 2%;
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;

				.group{
					width: 5%;
					margin-top: 80rpx;
					
				}
				.all{
					width: 94%;
					
					display: flex;
					justify-content: space-between;
					.all-left{
						width: 30%;
						height: 180rpx;						
						text-align: center;
						image{
							border-radius: 20rpx;
							width: 85%;
							height: 90%;
						}
					}
					.all-right{
						width: 68%;
						
				
						.all-top{
							width: 100%;
							display: flex;
							justify-content: space-between;
							.all-top1{
								width: 100%;
								height: 50rpx;
								font-size: 30rpx;
								color: black;
								
							}
						}
						.all-bottom{
							margin-top: 90rpx;
							width: 100%;
							display: flex;
							justify-content: space-between;
						}
					}
				}
			}
    }
		//
		.box5{
		  background-color: #fff;
		  box-sizing: border-box;
		  width: 100%;
		  position: fixed;
		  bottom: 0;
			
			display: flex;
			justify-content: space-between;
		  .box51{
				width: 100%;
				padding: 2%;
		    display: flex;
		    justify-content: space-between;
				.group{
					width: 16%;
					align-items: center;
					display: flex;
					justify-content: space-between;
				}
		    .box51-left{
					width: 25%;
					display: flex;
					justify-content: left;
					align-items: center;
				}
				.box51-right{
					width: 50%;
					display: flex;
					justify-content: space-between;
					
					.but{
						width: 48%;
						height: 80rpx;
						line-height: 80rpx;
					  background-color: #008c8c;
					  color: #fff;
					  font-size: 28rpx;
					}
					.but1{
						width: 48%;
						height: 80rpx;
						line-height: 80rpx;
					  background-color: #d6f1ed;
					  color: #008c8c;
					  font-size: 28rpx;
					}
				}
			
		  }
		}
	}